// METODO QUE SE ENCARGA DE INSERTAR UN COLOR POR DEFECTO A TODOS LOS TR DE LAS TABLAS
function blank_tr(){
	var nro_tablas_sec = 5;
	var table = "";
	var rowm = "";
	for (j = 1; j <= nro_tablas_sec; j++){
		table = document.getElementById("sec" + j);
		rows = table.getElementsByTagName("tr");
		for(i = 0; i < rows.length; i++){
			   rows[i].style.backgroundColor="#E4E7EA";
   		}
	}
}

// OPCION SELECCIONADA DEL MENU
function select(name, url){
	blank_tr();
	name.style.backgroundColor="#FFFFFF";
	var aux = 'iFrameMainContent';
	var ifr = window.parent.document.getElementById(aux);
	ifr.src = url;
}

// ENCARGADA DE CAMBIAR EL ESTILO DE LAS CELDAS SEGUN POSICION DEL MOUSE
function mouse_event(obj, newClass) {
	obj.className = newClass;
}

// FUNCION PARA OCULTAR Y MOSTRAR UNA PARTE DE LA PAGINA
function toogle(name) {
	var tipo = "table-cell";
	if(window.ActiveXObject) tipo = "inline";

	var element = window.parent.document.getElementById(name);
	
	if (element.style.display == "none"){
		element.style.display = tipo;
		document.getElementById("boton").innerHTML = "<b>&laquo;</b>";
		document.getElementById("boton").title = "Ocultar";
	} else {
			element.style.display = "none";
			document.getElementById("boton").innerHTML = "<b>&raquo;</b>";
			document.getElementById("boton").title = "Mostrar";
	}
}

function toogle2(name) {
	var tipo = "table-cell";
	if(window.ActiveXObject) tipo = "inline";

	var element = document.getElementById(name);
	
	if (element.style.display == "none"){
		element.style.display = tipo;
	} else {
		element.style.display = "none";
	}
}

function ocultarTD(name) {
	document.getElementById(name).style.display = "none";
}

function mostrarTD(name){
	var tipo = "table-cell";
	if(window.ActiveXObject) tipo = "inline";
	document.getElementById(name).style.display = tipo;
}

function reglasListar(){
	mostrarTD('idtree');
	ocultarTD('idtree2');
	ocultarTD('idtree3');	
}

function reglasCrearPaso1(){
	ocultarTD('idtree');
	mostrarTD('idtree2');
	ocultarTD('idtree3');	
}

function reglasCrearPaso2(){
	ocultarTD('idtree');
	ocultarTD('idtree2');
	mostrarTD('idtree3');	
}
